.index {
    min-height: 100vh;

    @media screen and (max-width: 750px) {
        // width : 100%;
        max-width: 100vw;

        .bulletin_box {
            max-width: 100vw !important;
            span{
                font-size: 12px;
            }
            .bulletin_icon{
                margin-left: 5px !important;
            }
        }

        .main_content {
            .Banner {
                width: 100vw;
                font-size: 18px !important;
                padding: 15px !important;
            }

            .content {
                .tab {
                    margin-top: 20px !important;
                }
            }
        }

        .Advantage {
            width: 90% !important;

            ul {
                li {
                    width: 100% !important;
                }
            }
        }

        .nav {
            display        : flex;
            justify-content: space-around;
            align-items    : center;

            button {
                font-size      : 10px;
                margin         : 0;
                // margin-right: 5px;
                padding        : 6px 10px;
                box-sizing     : border-box;
            }
        }
    }

    .bulletin_box {
        max-width    : 1000px;
        margin       : 0 auto;
        margin-bottom: 20px;
        color        : #666;

        .bulletin_icon {
            width      : 18px;
            height     : 14px;
            margin-left: 10px;
        }
    }

    .main_content {
        width: 100%;

        .content {
            max-width    : 1000px;
            // min-width : 1000px;
            margin       : 0 auto;
            padding      : 20px;
            box-sizing   : border-box;

            .tab {
                margin-top: 40px;

                .globular_item {
                    margin-right: 10px;
                    font-size   : 16px;
                }

                .code_color {
                    border-radius: 50%;
                    width        : 30px;
                    height       : 30px;
                    // background: radial-gradient(circle at 50% 120%, #81e8f6, #76deef 10%, #055194 80%, #062745 100%);
                    color        : #fff;
                    text-align   : center;
                    line-height  : 30px;
                    font-size    : 16px;
                    margin-right : 5px;
                }

                .record_item {
                    width        : 100%;
                    border       : 1px solid #ddd;
                    border-radius: 4px;
                    background   : #fff;
                    padding      : 10px 6px;
                    box-sizing   : border-box;
                    margin-bottom: 15px;

                    .lottery_title {
                        font-size: 17px;
                    }

                    .lottery_time {
                        font-size: 12px;
                        color    : #909399;
                    }

                    .lottery_more {
                        font-size    : 10px;
                        border-radius: 6px;
                        line-height  : 20px;
                        padding      : 0 10px;
                        box-sizing   : border-box;
                    }

                    .record_item_bottom {
                        margin-top: 15px;
                        border-top: 1px solid #ddd;
                        font-size : 11px;
                        padding   : 10px 0;
                        box-sizing: border-box;

                        .txt {
                            margin-right: 5px;
                        }

                        .globular_item {
                            font-size   : 10px;
                            margin-right: 5px;

                            .code_color {
                                width       : 17px;
                                height      : 17px;
                                line-height : 17px;
                                font-size   : 10px;
                                margin-right: 2px;
                                text-align  : center;
                            }

                            // .code_color:last-child{
                            //     margin: 0;
                            // }
                        }

                        .globular_item:last-child {
                            margin: 0;
                        }
                    }
                }
            }
        }

        .Banner {
            margin    : 0 auto;
            max-width : 1000px;
            padding   : 25px;
            box-sizing: border-box;
            font-size : 26px;

            // font-weight: bolder;
            div {
                margin-left: 30px;
            }
        }
    }

    .Advantage {
        width        : 800px;
        // min-width : 800px;
        margin       : 0 auto;
        background   : #fff;
        padding      : 20px;
        box-sizing   : border-box;
        margin-bottom: 30px;
        margin-top   : 40px;

        .title {
            font-size: 22px;
            color    : #c00;
        }

        ul {
            margin-top: 30px;

            li {
                width     : 50%;
                text-align: left;
                margin    : 10px 0;
                font-size : 14px;
            }
        }
    }

    .m_footer {
        width    : 1000px;
        margin   : 0 auto;
        color    : #fff;
        font-size: 18px;
    }
}